Blogger Template Style
Name:  Hot Template/Private Template
/* Posts
---------------------------------------------
*/
#navbar-iframe, #Navbar1 {display:none !important;}
body { margin: 0 auto; background: url(http://3.bp.blogspot.com/-fvTj3jghLfE/UZoFhLVouyI/AAAAAAAAAAU/Q7z9W_8Yo1o/s1600/bg.png);}
html body a { color: #ff370f; text-decoration: none;}
#wrap {margin: 0 auto;text-align:left;}
#header { background: #d14a78; height: 42px; width: 100%; margin: 0; padding: 0; -moz-box-shadow: 0 1px 7px 0 #888; -webkit-box-shadow: 0 1px 7px 0 #888; box-shadow: 0 1px 7px 0 #888; }
#header .wrap{ width: 1000px; margin: 0 auto; }
#title-area {background: url(http://1.bp.blogspot.com/-9DxBQKjtLNs/UaCsd5zycYI/AAAAAAAAAKU/YVOgjzlLWxw/s1600/logo.gif) no-repeat; height: 64px; width: 167px; float: left;}
#title-area #title a{margin: -20px 0 0 0 !important; height: 40px; display: inline-block; width: 167px; text-indent: -9999px;}
#title-area #description{text-indent: -9999px;}
#header .widget-area{ float: left; background:transparent; margin: 0px 0 0;}
#header .widget-area p{margin:0; padding:0 0 5px 0}
img {border: 0px;}
/**************** Widget Area ******************/
#header .widget {float: left;}
#header .widget-wrap {float:left;}
#header ul.menu .home {text-indent: -9999px; border-left: none; background: url(http://4.bp.blogspot.com/-HatfuPCHS3w/UV1XiXxbnAI/AAAAAAAAACA/mmuRST5X1xU/s320/home.png) no-repeat 13px 4px; width: 50px;}
#header ul.menu .categories { text-indent: -9999px; background: url(http://4.bp.blogspot.com/-DJ9P0g4_X2M/UV1Tl7ZJPpI/AAAAAAAAABI/fIfGwsmcJUQ/s1600/categories.png) no-repeat 13px 4px; width: 72px; cursor: pointer;}
#header ul.menu .beauty { background: url(http://4.bp.blogspot.com/-9W6fDA1tDXc/UZtot4mXHEI/AAAAAAAAAF0/dD3pY_drVtE/s1600/kecantikan.png) no-repeat 15px 6px; width: 110px;}
#header ul.menu .fashion { background: url(http://2.bp.blogspot.com/-F0hSBNSYVXY/UZtpuxMiskI/AAAAAAAAAGA/O8FgsrM_YEY/s1600/mode.png) no-repeat 15px 7px; width: 120px;}
#header ul.menu .lifestyle { background: url(http://3.bp.blogspot.com/-Dv8xMG0iSy4/UZthUToDmCI/AAAAAAAAAFE/lh_splkK0Bg/s1600/gaya-hidup.png) no-repeat 17px 6px; width: 122px; }
#header ul.menu .health { background: url(http://3.bp.blogspot.com/-KIQvBFWNgxA/UZtdUYOVNXI/AAAAAAAAAEg/_RGl3DoQhQE/s1600/kesehatan.png) no-repeat 15px; 5px;  width: 110px;}
/*************** Dropdown *****************/
#nav, #subnav{width:975px; background:transparent; color:#FFF; text-transform:uppercase; overflow:hidden; clear:both; font-family: museo-sans-1, museo-sans-2, sans-serif;}
#nav ul, #subnav ul, #header ul.nav, #header ul.menu{float:left; margin: 0px 0 0; padding: 5px 0 0;}
#nav li, #subnav li, #header ul.nav li, #header ul.menu li{float:left; list-style:none; border-right:1px solid #C71585; border-left:1px solid #E9967A; height: 32px; margin: 0px 0 0 0; padding: 0; line-height: 32px; vertical-align: middle; font-family: 'ProximaNovaSemibold', Arial, sans-serif; font-weight:bold; }
#nav li a, #subnav li a, #header ul.nav li a, #header ul.menu li a{color:#ffffff; display: block; padding: 0px 0 0 45px; text-decoration: none; font-size: 14px; vertical-align: middle;}
#nav li a:hover, #nav li a:active, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item, #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item, #header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a, #header ul.menu .menu-item-home a{}
#nav li a.sf-with-ul, #subnav li a.sf-with-ul, #header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul{padding-right:25px}
#nav li a .sf-sub-indicator, #subnav li a .sf-sub-indicator, #header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator{display:block; width:10px; height:10px; top:12px; right:10px; text-indent:-9999px; overflow:hidden; position:absolute}
#nav li li a, #nav li li a:link, #nav li li a:visited, #subnav li li a, #subnav li li a:link, #subnav li li a:visited, #header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited{ background:#d14a78; color:#FFF; width:170px; font-size:12px; margin:0; padding: 0 0 0 10px!important; text-indent: 0px; font-family: 'ProximaNovaRegular', sans-serif; border-bottom:1px solid #C71585; border-top:1px solid #E9967A; -moz-box-shadow: 0 1px 7px 0 #888; -webkit-box-shadow: 0 1px 7px 0 #888; box-shadow: 0 1px 7px 0 #888;}
#nav li li a:hover, #nav li li a:active, #subnav li li a:hover, #subnav li li a:active, #header ul.nav li li a:hover, #header ul.nav li li a:active, #header ul.menu li li a:hover, #header ul.menu li li a:active{}
#nav li li a .sf-sub-indicator, #subnav li li a .sf-sub-indicator, #header ul.nav li li a .sf-sub-indicator, #header ul.menu li li a .sf-sub-indicator{top:10px}
#nav li ul, #subnav li ul, #header ul.nav li ul, #header ul.menu li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:180px; padding:0; top: 41px; border-top: 1px solid #E9967A;}
#header ul.menu li li {border-right: none; border-left: none; padding: 0; margin: 0; height: 34px;}
#nav li ul a, #subnav li ul a, #header ul.nav li ul a, #header ul.menu li ul a{width:160px}
#nav li ul ul, #subnav li ul ul, #header ul.nav li ul ul, #header ul.menu li ul ul{margin:-31px 0 0 179px; padding:0}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul, #header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul, #header ul.menu li:hover ul ul, #header ul.menu li:hover ul ul ul, #header ul.menu li.sfHover ul ul, #header ul.menu li.sfHover ul ul ul{left:-999em}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul, #header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul, #header ul.menu li:hover ul, #header ul.menu li li:hover ul, #header ul.menu li li li:hover ul, #header ul.menu li.sfHover ul, #header ul.menu li li.sfHover ul, #header ul.menu li li li.sfHover ul{left:auto}
#nav li:hover, #nav li.sfHover, #subnav li:hover, #subnav li.sfHover, #header ul.nav li:hover, #header ul.nav li.sfHover, #header ul.menu li:hover, #header ul.menu li.sfHover{position:static}
.widget_search .widget-wrap { margin: 6px 0 0 0; width: 237px; border-left: 1px solid #E9967A;}

/***************** Search *********************/
#header .searchform {float:right; margin:1px 0px 0px 0px; padding:2px 0 0 4px; background:#fff; border:1px solid #bcbbbb; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; height: 25px;}
.field {background:transparent; border:0px; color:#999999; font-family:Georgia, serif; font-size:12px; margin:3px 4px 0 5px; padding: 0 0 0 0; width: 128px; font-style: italic; float: left; height: 17px}
.s {background: transparent; border: 0px; color: #999999; font-family: Georgia, serif; font-size: 12px; margin: 3px 4px 0 5px; padding: 0 0 0 0; width: 128px; font-style: italic; float: left; height: 17px}
.searchsubmit:hover {cursor: pointer;}
.searchsubmit{color:#fff; text-indent: -9999px; background: url(http://2.bp.blogspot.com/-G1rJLHoAsCU/UV1TrpWzo9I/AAAAAAAAABY/7ecaPRNF_bo/s1600/search.png) no-repeat 3px 3px; width: 20px; border: none; float: left; height: 18px; margin: 0 4px 0 0;}

/***** content-wrapper ********************/


#content-wrapper{background: #fff; width:1000px;  margin: 50px auto 50px; padding: 0; clear: both; border: solid 1px #ddd;}

#main-wrapper{width:610px; float:left; margin: 20px 0px 0px 10px;}





.postwrapper {float:left; width: 440px; padding:5px 0 0 0;}

.single p.pages{font-size: 24px !important; font-family:'ProximaNovaBold', sans-serif !important; border-top: 1px solid #ddd !important; padding: 20px 0 0 !important; margin: 0 0 20px !important; text-align: center !important;}
.single p.pages a span{color: #0C2B45 !important; background: none !important;}
.single p.pages a:hover span{background: #ff370f !important; color: #fff !important; padding: 5px 8px;}
.single p.pages span{background: #ff370f; color: #fff; padding: 5px 8px;}

/*********** Single Post Page *************/
.list-description { margin: 0 0 0px 0; font-family: ProximaNovaRegular, sans-serif; font-size: 14px; color: #555555; line-height: 1.5em; text-align: justify;}
.list-number {float: left; padding: 14px 10px 10px 0px; color:#333; font-family:'ProximaNovaBold', sans-serif; font-size: 28px; width: 35px; font-style: italic;}
.list-title {float: left; color:#333; border-left: 1px solid #dddddd; padding: 10px 10px 10px 20px; width: 485px; }
.list-title h4 {font-weight: normal !important; font-size:18px; line-height: 28px !important;}
.list-title h4 a {color:#333;}
.list-meta {float: left; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; width: 610px; margin:20px 0 10px;}
.list-entry {font-family: ProximaNovaRegular, sans-serif; font-size: 14px; color: #444; line-height: 14px; line-height: 1.5em; float: left; width: 610px; text-align: justify;}
.linkunit{margin: 0 0 10px 0;}
.date-header{margin:1.5em 0 .5em;display:none}
.post{margin:0; padding:0 0 15px 0; font-family: ProximaNovaRegular, sans-serif; font-size: 14px; color: #333333; line-height: 22px}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}
.post-body blockquote{line-height:1.6em;position:relative;font-family:Georgia,serif;font-size:12px;font-style:italic;padding:0.25em 40px}
.post-body blockquote::before{display:block;content:"\201C";font-size:70px;position:absolute;left:0;top:15px}
.article p {margin:0; padding:0 0 15px 0; font-family: ProximaNovaRegular, sans-serif; font-size: 14px; color: #555555; line-height: 22px;}
body#layout .featured-posts {display:none;}
.post-outer{margin:0px 0px 30px; padding:0px 0 20px;border-bottom:1px solid #ddd;}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:0px 0;padding:0;border:0;height:auto}
.post-body h1{font-size:28px; line-height: 32px;}
.post-body h2{font-size:30px; line-height: 32px; color: #333; font-family: 'ProximaNovaBold', sans-serif; text-decoration: none;}
.post-body h3{font-size:20px; line-height: 22px;}
.post-body h5{font-size:14px; line-height: 16px;}
.post-body h6{font-size:12px; line-height: 14px;}
.post h1.post-title{font-size:28px; line-height: 32px;color: #464646; font-family: 'ProximaNovaBold', sans-serif; text-decoration: none;margin:0px;padding:0px;}
.post h1.post-title a{color: #464646;}
.post h1.post-title a:hover { color: #d14a78 }
.post h2.post-title{font-size:30px; line-height: 32px;color: #464646; font-family: 'ProximaNovaBold', sans-serif; text-decoration: none;}
.post h2.post-title a{color: #464646;}
.post h2.post-title a:hover { color: #d14a78 }

/***** Sidebar ********************/
#sidebar {float:right;width: 300px; color: #888; padding-top: 20px; margin: 0px 10px 0px; word-wrap:break-word; overflow:hidden;}
#sidebar2{display:none;}
#sidebar a{text-decoration: none;  color: #333;}
.sidebar a:hover {  text-decoration: none;  color: #FF370F;}
.sidebar .widget {  margin: 0;  padding: 0px 0px 20px}
#sidebar .widget-content { margin: 0; padding: 5px 0px 0px 0px;}
#sidebar ul { list-style-type: none; list-style: none; margin: 0; padding: 0;}
#sidebar ul li { padding: 6px 0; margin: 0;}


/** Popular Posts with Thumbnails in the Sidebar **/
.item-thumbnail-only{width:130px; height: 180px; float:left; padding:0 0 10px 0; margin:0 20px 15px 0;}
.item-thumbnail{background:#ddd; width:125px; height:125px; float:left; padding:5px; margin:0 10px 0 0;}
.item-thumbnail img{width:125px; height:125px;float:left;}
.gridcontent{width:125px; margin: 6px 0 0 5px; text-align: center;}
.item-title {font-size:13px; margin: 3px 0 3px 0 !important; padding:0; font-weight: normal;text-align: center;}
.item-title a{margin:0px;text-decoration:none; color: #333;}
.item-title a:hover{color: #FF370F;}
#sidebar2 {float:right;width: 300px; color: #888; padding-top: 20px; word-wrap:break-word; overflow:hidden;}
#sidebar2 { color: #888888;}

/***** Post Info ********************/
.post-info{font-size:12px; margin: 1px 0px 15px 0px !important; padding:0; text-transform:uppercase;  float:left; width: 100%; font-family: ProximaNovaRegular, sans-serif; color: #999999;}
.post-info a{color:#999;}

/* Comments
----------------------------------------------- */
#comments{font-family: ProximaNovaRegular, sans-serif; font-size: 14px; color: #333333; line-height: 22px}
.comments a{font-family:Times, serif; font-size: 11px; font-style: normal; color: #949494;}
.comments cite a{font-family: 'ProximaNovaBold', Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:normal; text-transform: uppercase; color: #0c2b45; right:5px; display: inline-block !important;}
#comments h4{color:#0c2b45; font-family:'ProximaNovaBold', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size: 24px; margin:0; padding:20px 0px 15px;}
#comments .datetime{margin-left:7px;}
#comments-block .comment-author{color: #0c2b45;font-family: 'ProximaNovaBold', Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;margin:20px 0px;}
#comments-block .comment-footer{margin:0px;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
.comments .avatar-image-container{float:left;width:45px;max-width:45px;height:45px;max-height:45px;margin:0 10px 0 0px;border-radius: 50%; -moz-border-radius: 50%;}
.comments .avatar-image-container img{width:100%;max-width:100%;height:100%;max-height:100%}
.comments .inline-thread .avatar-image-container{float:left;width:36px;height:45px;margin:0 10px 0 0px;}
.comments .comment-block{margin-left:55px}
.comments .inline-thread .comment-block{margin-left:55px}
.comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{padding:5px;background:#fff;margin:5px 0}
.comments .comments-content .icon.blog-author{position:absolute;width:36px;height:36px;float:right;top:-1px; background-image:url(http://localhost/blogger/authors/moderator.png); background-position:0 0;background-repeat:no-repeat}
.comments .comment .comment-actions a{padding:3px 6px;background:#eee;font-size:12px;color:#999;margin:0 3px 0 0}
.comments .comment .comment-actions a:hover{text-decoration:underline;}
.deleted-comment{font-style:italic;color:gray}
.feed-links{display:none;}
#comments li.comment div.avatar-image-container {
  max-width:none;
  max-height:none;
  width:38px !important;  /* Lebar kontainer avatar */
  height:38px !important; /* Lebar kontainer avatar */
}

#comments li.comment div.avatar-image-container img {
  max-width:none;
  max-height:none;
  width:38px !important;  /* Lebar avatar */
  height:38px !important; /* Lebar avatar */
}

#comments li.comment div.comment-block {
  margin-left:50px !important; /* Untuk indentasi tubuh komentar agar foto dan paragraf tidak berdesakan */
}
/*
/***** Footer ********************/
#footer { background: #d14a78; color:#000; height:120px; overflow:hidden; clear: both; -moz-box-shadow: 0 1px 9px 0 #888; -webkit-box-shadow: 0 1px 9px 0 #888; box-shadow: 0 1px 9px 0 #888;}
#footer .wrap{width:1000px; overflow:hidden; margin: 0px auto; padding: 33px 0 0 0;}
#footer .copyright { font-family: Georgia, Times, Serif; font-size: 13px; color: #fff; font-weight: normal; }
#footer .copyright a { color: #fff;}
#footer .copyright a:hover { color: #ff370f;}
#footer .label {font-family: Georgia, serif; font-size: 13px; color: #fff; padding: 5px 0 0 0;}
#footer .label a {float: left; color: #fff;}
#footer .label a:hover { color: #ff370f;}
#footer .blogger {font-family: Georgia, serif; font-size: 13px; color: #fff; padding: 5px 0 0 0; margin: 18px 0 0 0;}
#footer .blogger a {color: #fff;}
#footer .blogger a:hover { color: #ff370f;}
#footer .spacer {float: left; padding: 0 7px;}
.footerleft {float: left;}
.tooltip { display:none; background: #777777; font-size:14px; height:20px; width:160px; padding:10px; color:#fff; font-family: Georgia, serif !important; width: 200px; text-align: center; font-style: italic; border: solid 1px #ffffff; box-shadow: 0px 0px 2px #999999; margin-top: -25px !important; border-radius: 2px;
}
#design { float: right; height: 100px; width: 100px; margin: 0 0 0 0;}
#design a {float: right; display: block; height: 100px;}
#blog-pager, .pagenavi {font-family:ProximaNovaRegular;font-weight:bold; clear:both; text-align:center;padding: 10px 0 50px 0; margin: 30px auto 10px;}
#blog-pager a, .pagenavi span, .pagenavi a {margin: 0 7px 0 0;padding: 3px 7px 3px; text-decoration:none;color: #2c2c2c;background:#fff;border:1px solid #c0c0c0;}
#blog-pager a:visited, .pagenavi a:visited {background:#fff;color:#2c2c2c;}
#blog-pager a:hover, .pagenavi a:hover {background:#ff3705; color:#fff; text-decoration:none;}
#blog-pager-older-link, #blog-pager-newer-link {float: none;}
.pagenavi .current {background: #ff3705; color:#fff;text-decoration:none;}
.pagenavi .current {font-weight:bold;}
.pagenavi .pages {font-size:12px;font-weight:normal;color:#2c2c2c;padding:0 3px 0 0!important;background:none;border:none;}